<template>
  <StackCarousel :images="imgList" :visibleCount="4" />
  <DepthCarousel :items="imgList1" :visible="5" />
  <ThreeDCarousel :items="imgList1" :visible="5" />
  <CoverflowCarousel :items="imgList1" :visible="5" />
  <MasonryGallery :items="imgList1" :cols="5" />
  <FadeCarousel :items="imgList1" />
  <ThumbsGallery :items="imgList1" />
  <FlipCarousel :items="imgList1" :visible="3" />
</template>
<script setup>
import StackCarousel from '@/components/Carousel/StackCarousel.vue'
import DepthCarousel from '@/components/Carousel/DepthCarousel.vue'
import ThreeDCarousel from '@/components/Carousel/ThreeDCarousel.vue'
import CoverflowCarousel from '@/components/Carousel/CoverflowCarousel.vue'
import MasonryGallery from '@/components/Carousel/MasonryGallery.vue'
import FadeCarousel from '@/components/Carousel/FadeCarousel.vue'
import ThumbsGallery from '@/components/Carousel/ThumbsGallery.vue'
import FlipCarousel from '@/components/Carousel/FlipCarousel.vue'
const imgList = [
  'https://picsum.photos/id/1015/400/220',
  'https://picsum.photos/id/1016/400/220',
  'https://picsum.photos/id/1018/400/220',
  'https://picsum.photos/id/1020/400/220',
  'https://picsum.photos/id/1024/400/220',
]
const imgList1 = [
  { img: 'https://picsum.photos/id/1015/400/220', title: '风景1', desc: '风景1' },
  { img: 'https://picsum.photos/id/1016/400/220', title: '风景2', desc: '风景2' },
  { img: 'https://picsum.photos/id/1018/400/220', title: '风景3', desc: '风景3' },
  { img: 'https://picsum.photos/id/1020/400/220', title: '风景4', desc: '风景4' },
  { img: 'https://picsum.photos/id/1024/400/220', title: '风景5', desc: '风景5' },
  { img: 'https://picsum.photos/id/1025/400/220', title: '风景6', desc: '风景6' },
  { img: 'https://picsum.photos/id/1026/400/220', title: '风景7', desc: '风景7' },
]


import { fecthAlbumList } from '@/service/module/album'
import { onMounted, ref } from 'vue'
const albumList = ref([])
const fetchData = async () => {
  const res = await fecthAlbumList()
  albumList.value = res.list
}
onMounted(() => {
  fetchData()
})


</script>